<template>
  <FormItemWrapper v-bind="$attrs" :widget="widget" :designer="designer">
    <Divider 
      type="horizontal" 
      :orientation="widgetProps.direction"
      :orientationMargin="widgetProps.directionMargin"
      :dashed="widgetProps.dashed"
      :style="widgetProps.divider_style"
    >  
      {{ widgetProps.formItemLabel }}
    </Divider>
  </FormItemWrapper>
</template>
<script lang="ts" name="divider-widget" setup>
import { ref, computed } from 'vue';
import { Divider } from 'ant-design-vue'
import { useAttrs } from '/@/hooks/core/useAttrs';
import FormItemWrapper from './FormItemWrapper.vue'
import type { Designer } from '../../type'
const props = defineProps({
  widget: { type: Object, default: {}},
  designer: { type: Object as () => Designer}
})
const widgetProps = props.widget.props
const attrs = useAttrs()
</script>

<style lang="less">


</style>
